<template>
	<view class="content">
		<view class="p_2">
			<view class="title">
				请选择您的喜好
			</view>
			<view class="typeinfo">
				<uni-row :gutter="50">
					<uni-col class="col" :span="12" v-for="(item, index) in typeList" :key="index">
						<view class="bt" v-bind:class="item.checked ? 'border':''" @click="radioClick(index)">
							<uv-icon :name="item.icon" color="#fff" size="25"></uv-icon> {{item.title}}
						</view>
					</uni-col>
				</uni-row>

			</view>
			<view class="title" v-if="selectIndex != -1">
				请选择标签
			</view>


			<uni-row :gutter="10"  v-if="selectIndex != -1">
				<uni-col v-if="selectIndex == 0" class="col" :span="6" v-for="(item, index) in man" :key="index">
					<view class="bt2 mt_10" v-bind:class="item.checked ? 'border':''" @click="checkboxClick(index)">
						{{item.title}}
					</view>
				</uni-col>
				<uni-col v-if="selectIndex == 1" class="col" :span="6" v-for="(item, index) in woman" :key="index">
					<view class="bt2 mt_10" v-bind:class="item.checked ? 'border':''" @click="checkboxClick(index)">
						{{item.title}}
					</view>
				</uni-col>
			</uni-row>
			
			<view  style="display: flex;" v-if="selectIndex != -1">
				<button class="save" size="mini" type="default" @click="saveInfo">提交</button>
			</view>
		</view>

	</view>
</template>

<script>
	import js from './index.js'
	export default js
</script>

<style lang="scss">
	@import './index.scss'
</style>